<template>
	<div  class="flyline">

		<div class="content">
			<dv-scroll-ranking-board :config="config" style="width:450px;height:300px;margin-left: 30px;margin-top: 70px" />
			<!--<dv-flyline-chart-enhanced :config="config" style="width:100%;height:100%;" />-->
		</div>
	</div>

</template>
<script>

	export default{

		data(){
		return{
			config:{
				data: [
			{
				name: '第一区',
				value: 55
			},
			{
				name: '第二区',
				value: 120
			},
			{
				name: '第三区',
				value: 78
			},
			{
				name: '第四区',
				value: 66
			},
			{
				name: '第五区',
				value: 80
			}

		]}
	}}}

</script>
<style lang="scss" scoped>
	.flyline{
		display: flex;
		flex-direction: column;
		height: 100%;
		text-align: center;
		/* .titil{
		height: 30%;
			padding-top: 20px;

		} */
		.content{
			flex: 2;
		}
	}
</style>
